/* 自定义GraphiQL主题以适配Ant Design */
.graphiql-container {
  border-radius: 2px;
}

.graphiql-container .editorBar {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

.graphiql-container .toolbar-button {
  color: #595959 !important;
}

.graphiql-container .toolbar-button:hover {
  color: #1890ff !important;
  background: #e6f7ff !important;
}

.graphiql-container .result-window .CodeMirror {
  background: #ffffff !important;
  color: #333333 !important;
  border-left: 1px solid #e8e8e8 !important;
}

.graphiql-container .query-editor .CodeMirror {
  background: #ffffff !important;
  color: #333333 !important;
}

.graphiql-container .variable-editor .CodeMirror {
  background: #fafafa !important;
  color: #333333 !important;
  border-top: 1px solid #e8e8e8 !important;
}

.graphiql-container .doc-explorer {
  background: #ffffff !important;
  border-right: 1px solid #e8e8e8 !important;
}

.graphiql-container .doc-explorer-title-bar {
  background: #1890ff !important;
}

.graphiql-container .search-box {
  background: #f5f5f5 !important;
  border: 1px solid #d9d9d9 !important;
}

.graphiql-container .search-box input {
  color: #333333 !important;
}

.graphiql-container .type-name {
  color: #722ed1 !important;
}

.graphiql-container .field-name {
  color: #1890ff !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .graphiql-container {
    padding: 8px !important;
  }
  
  .ant-layout-header {
    padding: 0 16px !important;
  }
  
  .ant-layout-content {
    padding: 16px !important;
  }
}